<template>
  <page-body>
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center propertyList_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub propertyList_fd0_0'>
          <view class='flex flex-wrap align-center propertyList_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">
            <text class='fu-iconfont2  propertyList_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='propertyList_fd0_0_c1_c0'>{{rental_methname}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-end propertyList_fd0_0_c0'>
          </view>
        </view>
      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
        <view class='flex flex-wrap align-center justify-between home_fd1_0' @tap.stop="handleJumpDiy">
          <view class='flex flex-wrap align-center'>
            <image class='home_fd1_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"162.png"'></image>
            <!-- <text class='home_fd1_0_c0_c1'>搜索想找的房间</text> -->
            <input class='home_fd1_0_c0_c1' type="text" placeholder="搜索想找的房间" v-model="keywords"
              @confirm="getuw6553243867dd4Func()" placeholder-class="text-999 text-df" />
          </view>
          <view class='flex flex-wrap align-center justify-center home_fd1_0_c1' @click.stop="getuw6553243867dd4Func">
            <text>搜索</text>
          </view>
        </view>
      </view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-wrap align-center justify-around benben-flex-layout propertyList_flex_1">
        <view class='flex flex-wrap align-stretch justify-center propertyList_fd1_0' @click.stop="chooseMethods('1')">
          <text class='propertyList_fd1_0_c0'>合租</text>
        </view>
        <view class='flex flex-wrap align-stretch justify-center propertyList_fd1_1' @click.stop="chooseMethods('2')">
          <text class='propertyList_fd1_0_c0'>整租</text>
        </view>
        <view class='flex flex-wrap align-stretch justify-center propertyList_fd1_2' @click.stop="chooseMethods('3')">
          <text class='propertyList_fd1_0_c0'>短租</text>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---首页房源列表flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout propertyList_flex_2">
        <!-- <view class='flex flex-wrap align-center justify-center propertyList_fd2_0' v-if="rental_method">
          <text class='propertyList_fd2_0_c0'>{{rental_method==1 ? '合租' :
          rental_method==2 ? '整租' :
          rental_method==3 ? '短租' : ''
          }}</text>
        </view> -->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout askingResources_flex_2">
          <benben-down-menu ref="downMenu1699932952330"
            class='flex-direction flex-wrap align-stretch flex askingResources_fd2_0' v-model="is_droup" :auto='false'
            :z-index='99' mark-color='rgba(0,0,0,0.3)'>
            <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c1'>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(1)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='1'">{{$t('排序')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='1'">{{$t('排序')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='1'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state=='1'"></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(2)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='2'">{{$t('户型')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='2'">{{$t('户型')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='2'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state=='2'"></image>
              </view>
              <!-- <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(3)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='3'">{{$t('求租方式')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='3'">{{$t('求租方式')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'
                  v-if=" state!='3'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'
                  v-if=" state=='3'"></image>
              </view> -->
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(4)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='4'">{{$t('租金')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='4'">{{$t('租金')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='4'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state=='4'"></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(5)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='5'">{{$t('面积')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='5'">{{$t('面积')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='5'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state=='5'"></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(6)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='6'">{{$t('时间')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='6'">{{$t('时间')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='6'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state=='6'"></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="stateSwitchingFunc(7)">
                <text class='askingResources_fd2_0_c0_c0_c0_c1_c0' v-if=" state!='7'">{{$t('更多')}}</text><text
                  class='askingResources_fd2_0_c1_c0_c0_1' v-if=" state=='7'">{{$t('更多')}}</text>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state!='7'"></image>
                <image class='askingResources_fd2_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"178.png"'
                  v-if=" state=='7'"></image>
              </view>
            </view>

            <template #popup>
              <!--   :class="state==2 || state==3 || state==5 ? 'active' : ''" -->
              <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0'>
                <!-- 排序1 -->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='1'">
                  <benben-select-diy ref="showSelectPopup1699950843741"
                    class-name='flex flex-direction align-center flex' :items.sync="sortType" v-model="sort_id"
                    @change="getuw6553243867dd4Func()" default-type="value" default-label="name" :allow-cancel='false'
                    type="radio" :disabled='false'>
                    <template v-for='(item,key0) in sortType'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
                <!-- 户型2 -->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='2'">
                  <benben-select-diy ref="showSelectPopup1699950843741"
                    class-name='flex flex-direction align-center flex' :items.sync="house_arr" v-model="house_type"
                    @change="getuw6553243867dd4Func()" default-type="kvalue" default-label="name" :allow-cancel='true'
                    type="radio" :disabled='false'>
                    <template v-for='(item,key0) in house_arr'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
                <!-- 租金 4 -->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='4'">
                  <benben-select-diy ref="showSelectPopup1699951781476" @change="getuw6553243867dd4Func()"
                    class-name='flex flex-direction align-center flex' :items.sync="rent_arr" v-model="rent"
                    default-type="aid" default-label="min_max" :allow-cancel='true' type="radio" :disabled='false'>
                    <template v-for='(item,key0) in rent_arr'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap.stop="chooseRent(item,key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.min_max}}</text>
                        <!-- <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>-</text>
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.max_price}}</text> -->
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap.stop="chooseRent(item,key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.min_max}}</text>
                        <!-- <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>-</text>
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.max_price}}</text> -->
                      </view>
                    </template></benben-select-diy>
                  <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c0_c0_c0_c0'>
                    <view class='flex flex-wrap align-center askingResources_fd2_0_c0_c2_c0_c3_c2_c0'>
                      <input class='flex-sub askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0' type="number"
                        placeholder="最小租金" confirm-type="done" :maxlength="-1"
                        placeholder-style="color:#999;font-size:28rpx" :value="minimum_rent" />
                    </view>

                    <view class='flex  askingResources_fd2_0_c0_c2_c0_c3_c2_c1'></view>

                    <view class='flex flex-wrap align-center askingResources_fd2_0_c0_c2_c0_c3_c2_c0'>
                      <input class='flex-sub askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0' type="number"
                        placeholder="最大租金" confirm-type="done" :maxlength="-1"
                        placeholder-style="color:#999;font-size:28rpx" :value="maximum_rent" />
                    </view>
                  </view>
                </view>
                <!-- 面积 5-->
                <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0_c1'
                  v-if=" state=='5'">
                  <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>{{$t('面积')}}({{$t('㎡')}})</text>
                  <benben-select-diy ref="showSelectPopup1699954889353" class-name='flex flex-wrap align-center flex'
                    :items.sync="area_arr" v-model="area" default-type="aid" default-label="min_max"
                    :allow-cancel='false' type="radio" :disabled='false'>
                    <template v-for='(item,key0) in area_arr'>
                      <view v-if="item.isSelected"
                        class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                        :key="key0" @tap="chooseArea(item,key0)">
                        <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.min_max}}</text>
                      </view>
                      <view v-else class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                        :key="key0" @tap="chooseArea(item,key0)">
                        <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.min_max}}</text>
                      </view>
                    </template></benben-select-diy>
                  <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c0_c0_c0_c0'>
                    <view class='flex flex-wrap align-center askingResources_fd2_0_c0_c2_c0_c3_c2_c0'>
                      <input class='flex-sub askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0' type="number"
                        :placeholder="$t('最小面积')" confirm-type="done" :maxlength="-1"
                        placeholder-style="color:#999;font-size:28rpx" :value="minimum_area" />
                    </view>

                    <view class='flex  askingResources_fd2_0_c0_c2_c0_c3_c2_c1'></view>

                    <view class='flex flex-wrap align-center askingResources_fd2_0_c0_c2_c0_c3_c2_c0'>
                      <input class='flex-sub askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0' type="number"
                        :placeholder="$t('最大面积')" confirm-type="done" :maxlength="-1"
                        placeholder-style="color:#999;font-size:28rpx" :value="maximum_area" />
                    </view>
                  </view>
                </view>
                <!-- end -->
                <!-- 时间 6-->
                <view class='flex flex-direction flex-wrap align-center askingResources_fd2_0_c0_c0' v-if=" state=='6'">
                  <benben-select-diy ref="showSelectPopup1699950843741"
                    class-name='flex flex-direction align-center flex' :items.sync="time" v-model="create_time"
                    @change="getuw6553243867dd4Func()" default-type="kvalue" default-label="name" :allow-cancel='false'
                    type="radio" :disabled='false'>
                    <template v-for='(item,key0) in time'>
                      <view v-if="item.isSelected" class='flex align-center flex askingResources_fd2_0_c0_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex flex askingResources_fd2_0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1699950843741.tapHandle(key0)">
                        <text class='askingResources_fd2_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template></benben-select-diy>
                </view>
                <!-- ednddd -->
                <scroll-view class='askingResources_fd2_0_c0_c2' :scroll-x='true' :scroll-y='true'
                  :show-scrollbar='true' v-if=" state=='7'">
                  <view class='flex flex-direction   flex'>
                    <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0'>
                      <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c0_c0_c0'>
                        <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>住房形式</text>
                        <benben-select-diy ref="showSelectPopup1699955579591"
                          class-name='flex flex-wrap align-center flex' :items.sync="rental_arr" v-model="rental_method"
                          default-type="kvalue" default-label="name" :allow-cancel='true' type="checkbox"
                          :disabled='false'>
                          <template v-for='(item,key0) in rental_arr'>
                            <view v-if="item.isSelected"
                              class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                              :key="key0" @tap="$refs.showSelectPopup1699955579591.tapHandle(key0)">
                              <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.name}}</text>
                            </view>
                            <view v-else
                              class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                              :key="key0" @tap="$refs.showSelectPopup1699955579591.tapHandle(key0)">
                              <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.name}}</text>
                            </view>
                          </template></benben-select-diy>
                      </view>
                    </view>
                  </view>
                  <view class='flex flex-direction flex'>
                    <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c2_c0'>
                      <view class='flex flex-direction flex-wrap align-stretch askingResources_fd2_0_c0_c0_c0_c0'>
                        <text class='askingResources_fd2_0_c0_c2_c0_c0_c0'>房屋朝向</text>
                        <benben-select-diy ref="showSelectPopup169995557959122"
                          class-name='flex flex-wrap align-center flex' :items.sync="towards_arr"
                          v-model="house_towards" default-type="kvalue" default-label="name" :allow-cancel='true'
                          type="checkbox" :disabled='false'>
                          <template v-for='(item,key0) in towards_arr'>
                            <view v-if="item.isSelected"
                              class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c0'
                              :key="key0" @tap="$refs.showSelectPopup169995557959122.tapHandle(key0)">
                              <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0'>{{item.name}}</text>
                            </view>
                            <view v-else
                              class='flex align-center justify-center flex askingResources_fd2_0_c0_c2_c0_c0_c1_c1'
                              :key="key0" @tap="$refs.showSelectPopup169995557959122.tapHandle(key0)">
                              <text class='askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0'>{{item.name}}</text>
                            </view>
                          </template></benben-select-diy>
                      </view>
                    </view>
                  </view>
                </scroll-view>
                <view class='flex flex-wrap align-center justify-between askingResources_fd2_0_c0_c3'
                  v-if=" in_array(state,'7,5,4')">
                  <button class='askingResources_fd2_0_c0_c3_c0' @tap.stop="resetMethodFunc()">{{$t('重置')}}</button>
                  <button class='askingResources_fd2_0_c0_c3_c1' @tap.stop="searche()">{{$t('确定')}}</button>
                </view>
              </view>

            </template>
          </benben-down-menu>
        </view>
        <view class='flex flex-wrap align-stretch propertyList_fd2_1' v-if="!is_droup"
          v-for="(item,index) in listDataList" :key="index" @tap.stop="handleJumpDiy" data-type="navigateTo"
          :data-url="`/pages/homePage/propertydetails/propertydetails?aid=${item.aid}`">
          <view class='flex flex-wrap align-start propertyList_fd2_1_c0'>
            <text class='propertyList_fd2_1_c0_c0'>{{item.rental_method_name }}</text>
            <image class='propertyList_fd2_1_c0_c1' mode="aspectFill" :src='item.images[0]'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub propertyList_fd2_1_c1'>
            <view class='flex flex-wrap align-center'>
              <text class='propertyList_fd2_1_c1_c0_c0'>{{item.title}}</text>
            </view>
            <view class='flex flex-wrap align-center propertyList_fd2_1_c1_c1'>
              <image class='propertyList_fd2_1_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"156.png"'></image>
              <text class='propertyList_fd2_1_c1_c1_c1'>{{item.location_name}}</text>
            </view>
            <view class='flex flex-wrap align-center'>
              <text class='propertyList_fd2_1_c1_c2_c0' v-if="item.house_type_name">{{item.house_type_name}}</text>
              <text class='propertyList_fd2_1_c1_c2_c0'
                v-if="item.house_towards_name">{{item.house_towards_name}}</text>
              <text class='propertyList_fd2_1_c1_c2_c0' v-if="item.total_floor_name">{{item.total_floor_name}}</text>
              <text class='propertyList_fd2_1_c1_c2_c0' v-if="item.area">{{item.area}}㎡</text>
            </view>
            <view class='flex flex-wrap align-center propertyList_fd2_1_c1_c3'>
              <text class='propertyList_fd2_1_c1_c3_c0'>{{item.rent}}</text>
              <text class='propertyList_fd2_1_c1_c3_c1'>元/月</text>
            </view>
          </view>
        </view>
        <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      </view>

      <!---首页房源列表flex布局结束-->


    </view>
  </page-body>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        is_droup: false,
        "state": "0",
        "sortType": [{
          "name": global.i18n.t("默认排序"),
          "value": "",
          "image": ""
        }, {
          "name": global.i18n.t("最新发布"),
          "value": "1",
          "image": ""
        }, {
          "name": global.i18n.t("价格由低到高"),
          "value": "3",
          "image": ""
        }, {
          "name": global.i18n.t("价格由高到低"),
          "value": "4",
          "image": ""
        }],
        "sort_id": "",
        "keywords": "",
        "listDataList": [],
        rental_method: '',
        house_arr: [],
        house_type: '', //户型
        rent_arr: [],
        rent: '', //租金
        area_arr: [],
        area: '', //面积
        towards_arr: [],
        house_towards: '', //朝向
        rental_arr: [],
        time: [],
        create_time: '',
        minimum_area: 0,
        maximum_area: 0,
        minimum_rent: 0,
        maximum_rent: 0,
        rent1: '',
        area1: '',
        city: '',
        cityname: '',
        lng: '',
        lat: ''
      };
    },
    computed: {

    },
    watch: {},
    onLoad(options) {
      let {
        rental_method
      } = options
      if (rental_method !== undefined) this.rental_method = rental_method

      if (this.rental_method == 1) {
        this.rental_methname = '合租'
      }
      if (this.rental_method == 2) {
        this.rental_methname = '整租'
      }
      if (this.rental_method == 3) {
        this.rental_methname = '短租'
      }

      if (global.appTabBarType) this.toHomeDiy()
      this.getData()

    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

      if (uni.getStorageSync('cityinfo')) {
        let infosss = JSON.parse(uni.getStorageSync('cityinfo'))
        this.cityname = infosss.text
        this.lng = infosss.lng
        this.lat = infosss.lat
      }
      this.getuw6553243867dd4Func()
    },
    onHide() {
      uni.setStorageSync('cityAddress', this.city)
    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      chooseMethods(type) {
        this.rental_method = type
        if (this.rental_method == 1) {
          this.rental_methname = '合租'
        }
        if (this.rental_method == 2) {
          this.rental_methname = '整租'
        }
        if (this.rental_method == 3) {
          this.rental_methname = '短租'
        }
        this.getuw6553243867dd4Func()
      },
      searche() {
        this.is_droup = false
        if (this.maximum_rent) {
          this.rent1 = this.minimum_rent + ' - ' + this.maximum_rent
        }
        if (this.maximum_area) {
          this.area1 = this.maximum_area + ' - ' + this.minimum_area
        }
        console.log('rentww', this.area1)
        this.getuw6553243867dd4Func()
      },
      chooseRent(item, key) {
        this.area = item.aid
        console.log(item)
        this.minimum_rent = item.minimum_rent
        this.maximum_rent = item.rack_rent
        // this.getuw6553243867dd4Func()
        // this.$refs.showSelectPopup1699951781476.tapHandle(key)

      },
      chooseArea(item, key) {
        this.area = item.aid
        console.log(item)
        this.minimum_area = item.minimum_area
        this.maximum_area = item.maximum_area
        // this.getuw6553243867dd4Func()
        // this.$refs.showSelectPopup1699954889353.tapHandle(key)

      },
      resetMethodFunc() {
        this.rent1 = ''
        this.area1 = ''
        this.sort_id = ''
        this.house_type = ''
        this.house_towards = ''
        this.create_time = ''
        this.is_droup = false;
        this.getuw6553243867dd4Func()
      },
      // 选择区域
      getData() {
        // //查询房屋户型
        this.$api.post(global.apiUrls.post66769ec5b04af, {}).then(res => {
          if (res.data.code == 1) {
            this.house_arr = res.data.data.house_type //户型
            this.towards_arr = res.data.data.house_towards //朝向
            this.rental_arr = res.data.data.rental_method //住房方式
            this.time = res.data.data.time //时间
          }
        })
        //租金
        this.$api.post(global.apiUrls.post668dfcf0198a8, {}).then(res => {
          if (res.data.code == 1) {
            this.rent_arr = res.data.data //租金
          }
        })
        //面积
        this.$api.post(global.apiUrls.post668dfcd729a9a, {}).then(res => {
          if (res.data.code == 1) {
            this.area_arr = res.data.data //面积
          }
        })
      },
      //隐藏下拉容器
      hidedropdownContainerFunc() {
        if (this.is_droup == false) {
          this.is_droup = true;
        } else {
          this.is_droup = false;
        }
      },
      //状态切换
      stateSwitchingFunc(type) {
        this.state = type;
        this.hidedropdownContainerFunc()
      },

      getuw6553243867dd4Func() {
        console.log('item111', this.lat)
        let create_time = ''
        let sort_type = ''
        if (this.sort_id == 1) {
          create_time = 'desc'
        } else if (this.sort_id == 2) {} else if (this.sort_id == 3) {
          sort_type = 'asc'
        } else if (this.sort_id == 4) {
          sort_type = 'desc'
        }
        this.minixPagingListsApi = global.apiUrls.post666acf7ef2728;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          rent: this.rent1, //租金
          rental_method: this.rental_method, //出租方式
          house_towards: this.house_towards, //房屋朝向
          house_type: this.house_type, //房屋户型
          area: this.area1, //	面积
          sort_field: this.sort_id,
          time: this.create_time,
          sort_type: sort_type,
          create_time: create_time,
          keywords: this.keywords,
          // city: this.city,
          city: this.cityname,
          lat: this.lat,
          lng: this.lng,
        }
        uni.stopPullDownRefresh()
        this.listData = [];
        this.listDataList = this.listData;
        this.pagingListToggle();
        this.is_droup = false;
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
    }
  };
</script>
<style lang="scss" scoped>
  .home_fd1_0_c1 {
    background: #FF6F02;
    border-radius: 32rpx 32rpx 32rpx 32rpx;
    width: 116rpx;
    height: 64rpx;
    line-height: 64rpx;
    color: var(--benbenFontColor3);
  }

  .home_fd1_0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
    color: var(--benbenFontColor2);
    width: 460rpx;
  }

  .home_fd1_0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
  }

  .home_fd1_0 {
    border: 1px solid #FF6F02;
    background: #FFFFFF;
    width: 690rpx;
    height: 72rpx;
    margin: 24rpx auto 24rpx auto;
    border-radius: 44rpx;
    padding: 0rpx 8rpx 0rpx 24rpx;
  }

  .askingResources_flex_2 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c1_c0_c1 {
    width: 12rpx;
    height: 8rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .askingResources_fd2_0_c1_c0_c0_1 {
    color: rgba(255, 111, 2, 1);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c1 {
    padding: 20rpx 24rpx 20rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c3_c1 {
    background: rgba(255, 111, 2, 1);
    border-radius: 40rpx;
    width: 480rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: var(--benbenFontColor3);
  }

  .askingResources_fd2_0_c0_c3_c0 {
    background: rgba(248, 248, 248, 1);
    border-radius: 40rpx;
    width: 190rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(51, 51, 51, 1);
  }

  .askingResources_fd2_0_c0_c3 {
    border-top: 1px solid #eee;
    padding: 8rpx 24rpx 8rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c1 {
    background: rgba(153, 153, 153, 1);
    width: 16rpx;
    height: 1rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
    transform: scaleY(0.5);
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c0_c0 {
    text-align: center;
  }

  .askingResources_fd2_0_c0_c2_c0_c3_c2_c0 {
    background: rgba(248, 248, 248, 1);
    width: 300rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .askingResources_fd2_0_c0_c2_c0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
    padding: 0 16rpx 32rpx 16rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c1_c0 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c1 {
    background: rgba(248, 248, 248, 1);
    width: 154rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c0_c0 {
    color: rgba(255, 111, 2, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c1_c0 {
    background: rgba(255, 111, 2, 0.1);
    width: 154rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c2_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c2_c0 {
    padding: 0rpx 0rpx 32rpx 24rpx;
  }

  .askingResources_fd2_0_c0_c2 {
    touch-action: none;
    width: 750rpx;
    height: 600rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c0_c0 {
    color: rgba(255, 111, 2, 1);
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .askingResources_fd2_0_c0_c0_c0_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .askingResources_fd2_0_c0_c0 {
    padding: 0rpx 0rpx 32rpx 0rpx;
    position: relative;
    z-index: 9;
  }

  .askingResources_fd2_0_c0 {
    background: #ffffff;
    width: 750rpx;
    border-radius: 0rpx 0rpx 24rpx 24rpx;
    // position: relative;
    // z-index: 9;
    // &.active {
    //   margin-top: 72rpx;
    // }

  }

  .askingResources_fd2_0 {
    position: relative;
    z-index: 2;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: var(--benbenbgColor1);
    background-size: 100% auto;
  }

  .propertyList_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .propertyList_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
  }

  .propertyList_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #333;
  }

  .propertyList_fd0_0_c0 {
    width: 120rpx;
  }

  .propertyList_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .propertyList_flex_1 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .propertyList_fd1_2 {
    background: url(image-path('60.png')) no-repeat;
    background-size: 100% 100%;
    width: 216rpx;
    height: 180rpx;
    color: var(--benbenFontColor3);
  }

  .propertyList_fd1_1 {
    background: url(image-path('59.png')) no-repeat;
    background-size: 100% 100%;
    width: 216rpx;
    height: 180rpx;
    color: var(--benbenFontColor3);
  }

  .propertyList_fd1_0_c0 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .propertyList_fd1_0 {
    background: url(image-path('58.png')) no-repeat;
    background-size: 100% 100%;
    width: 216rpx;
    height: 180rpx;
    color: var(--benbenFontColor3);
  }

  .propertyList_flex_2 {
    background: var(--benbenbgColor1);
    padding: 24rpx 24rpx 0rpx 24rpx;
    border-radius: 16rpx 16rpx 0rpx 0rpx;
    background-size: 100% 100%;
    height: 100vh;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .propertyList_fd2_1_c1_c3_c1 {
    font-size: 22rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .propertyList_fd2_1_c1_c3_c0 {
    font-size: 36rpx;
  }

  .propertyList_fd2_1_c1_c3 {
    color: rgba(251, 99, 80, 1);
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .propertyList_fd2_1_c1_c2_c0 {
    background: #F2F3F9;
    margin: 0rpx 12rpx 0rpx 0rpx;
    border-radius: 4rpx 4rpx 4rpx 4rpx;
    line-height: 40rpx;
    font-size: 24rpx;
    // width: 68rpx;
    padding: 0 8rpx;
    height: 40rpx;
    text-align: center;
    color: rgba(93, 114, 169, 1);
  }

  .propertyList_fd2_1_c1_c1_c1 {
    font-size: 24rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 380rpx;
  }

  .propertyList_fd2_1_c1_c1_c0 {
    width: 32rpx;
    height: 32rpx;
    margin: 0rpx 10rpx 0rpx 0rpx;
  }

  .propertyList_fd2_1_c1_c1 {
    margin: 11rpx 0rpx 10rpx 0rpx;
  }

  .propertyList_fd2_1_c1_c0_c0 {
    font-size: 32rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .propertyList_fd2_1_c1 {
    width: 450rpx;
  }

  .propertyList_fd2_1_c0_c1 {
    width: 240rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .propertyList_fd2_1_c0_c0 {
    background: url(image-path('155.png')) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
    top: 0rpx;
    left: 0rpx;
    font-size: 24rpx;
    color: var(--benbenFontColor3);
    padding: 4rpx 10rpx 4rpx 10rpx;
  }

  .propertyList_fd2_1_c0 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    width: 240rpx;
    height: 200rpx;
    position: relative;
  }

  .propertyList_fd2_1 {
    border-bottom: 1px solid #eee;
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .propertyList_fd2_0_c0 {
    color: rgba(255, 111, 2, 1);
  }

  .propertyList_fd2_0 {
    background: rgba(255, 111, 2, 0.15);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    width: 132rpx;
    height: 56rpx;
  }
</style>
